
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <title>超市商品信息实时统计系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


    <link href="static/css/bootstrap.min.css" rel="stylesheet">

    <link href="static/css/styles.css" rel="stylesheet" type="text/css" media="screen">
    <link href="static/css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen">
    <link href="static/css/responsive.css" rel="stylesheet" type="text/css" media="screen">
    <link href="static/css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
    <link href="static/css/css.css" rel="stylesheet">
    <link href="static/css/css1.css" rel="stylesheet">
    <link href="static/css/css2.css" rel="stylesheet">
    <script src="static/js/modernizr.js" type="text/javascript"></script>
</head>
<body class="amiri">

<div id="nav-wrapper">
    <!-- start main nav -->
    <nav id="main-nav">
        <ul>
            <li> <a href="index.jsp" >index</a></li>
            <li> <a href="shelf_info.jsp">商品在架信息</a></li>
            <li> <a href="commodity_count.jsp">商品数量</a> </li>
            <li> <a href="commodity_type.jsp">商品分类</a> </li>
            <li> <a href="item_number_info.jsp" >货品号信息</a></li>
            <li> <a href="item_number_commodity.jsp">货品号商品</a> </li>
        </ul>
    </nav>
    <!-- end main nav -->
</div>
<div id="content-overlay"></div>
<div id="wrap">
    <div id="menu-button">
        <div class="centralizer">
            <div class="cursor">
                <div id="nav-button"> <span class="nav-bar"></span> <span class="nav-bar"></span> <span class="nav-bar"></span> </div>
            </div>
        </div>
    </div>


    <div >
        <div class="full-width intro">
            <div class="full-height not-completely-full">
                <div class="fixed">
                    <figure class="background-image3 parallax parallax-banner"></figure>
                </div>
                <div class="full-height-wrapper white-text">
                    <div class="parent">
                        <div class="bottom">
                            <div class="container">
                                <div class="animatedblock delay2 animatedUp">
                                    <div class="col-lg-6 col-md-offset-1 col-md-7">
                                        <div class="banner-textblock">
                                            <p class="large">超市商品信息实时统计系统</p>
                                            <h1 class="header">This system will serve you wholeheartedly</h1>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="overlay"></div>
                </div>
            </div>
        </div>
        <section class="white">
            <div class="container clearfix sec">
                <div class="col-md-3 col-md-offset-1 col-sm-6">
                    <p class="large">Friendly Reminder：</p>
                    <h4>You are now</h4>
                    <h4>At</h4>
                    <h4>Index.jsp</h4>
                    <div class="break"></div>
                </div>
                <div class="col-md-7 col-sm-6">
                    <p class="large">This system contains a total of 6 pages.</p>
                    <p class="large">The page you are now located in is index.jsp, you can switch the function of the page through the navigation bar on the left, so as to enter the other 5 pages to use the 5 functions of the system </p>
                    <p class="large">The other 5 pages are: product on the shelf information page, product quantity page, product classification page, product number information page, product number page </p>
                    <p><a href="javascript:;" title="" class="arrow">By Admin</a></p>
                </div>
            </div>
        </section>

        <section>
            <div class="container clearfix">
                <div class="col-lg-12 white-text centered extra-padding-bottom">
                    <h2 class="header"><center>product exhibition</center></h2>
                </div>
            </div>
            <div class="container clearfix">
                <div id="container">
                    <div class="row">
                        <div class="news clearfix">
                            <div class=" col-md-6 "><a href="#">
                                <img src="static/picture/work-single-1(1).jpg" alt="">
                                <p>Nike</p>
                            </a></div>
                            <div class=" col-md-6"><a href="#">
                                <img src="static/picture/work-single-10.jpg" alt="">
                                <p>Apple</p>
                            </a></div>
                            <div class=" col-md-6"><a href="#">
                                <img src="static/picture/work-single-9.jpg" alt="">
                                <p>Desk</p>
                            </a></div>
                            <div class=" col-md-6"><a href="#">
                                <img src="static/picture/work-single-7.jpg" alt="">
                                <p>Computer</p>
                            </a></div>


                        </div>
                    </div>

                </div>
            </div>
            <center><div class="container clearfix">
                <div class="col-lg-12 white-text centered">
                    <p><a href="javascript:;" title="" class="arrow">Show Product</a></p>
                </div>
            </div></center>

        </section>
        <section class="white">
            <div class="container clearfix no-header">
                <div class="col-md-10 col-md-offset-1 centered">

                    <video width="970px" height="321px" controls="autoplay" class="client col-lg-12 video" style="width: 100%;height: 100%;">
                        <source src="static/video/superVideo.mp4" type="video/mp4">
                    </video>
                    <div class="clear"></div>
                    <div class="borderline"></div>
                    <div class="break"></div>
                </div>
            </div>
            <div class="container clearfix">
                <div class="col-md-2 col-md-offset-1">
                    <h2 class="header">周年店庆</h2>
                </div>
                <div class="col-md-5 col-sm-6">
                    <p class="large">Great things happen when building long-lasting relationships. By now, you are hopefully impressed and dying to work with us.</p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <p class="alignright"><a href="#" title="" class="arrow">Contact Us</a></p>
                </div>
            </div>
        </section>

    </div>
    <!-- end content -->

    <footer id="footer">
        <div class="container clearfix">
            <p class="alignleft">© 2018, Belton Theme.</p>

        </div>
    </footer>
</div>
<!-- end wrap -->

<script src="static/js/jquery-1.12.4.min.js" type="text/javascript"></script>
<script src="static/js/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="static/js/jquery.touchSwipe.min.js" type="text/javascript"></script>
<script src="static/js/jquery.isotope2.min.js" type="text/javascript"></script>
<script src="static/js/jquery.ba-bbq.min.js" type="text/javascript"></script>
<script src="static/js/packery-mode.pkgd.min.js" type="text/javascript"></script>
<script src="static/js/jquery.isotope.load.js" type="text/javascript"></script>
<script src="static/js/main.js" type="text/javascript"></script>
<script src="static/js/jquery.form.js" type="text/javascript"></script>
<script src="static/js/input.fields.js" type="text/javascript"></script>
<script src="static/js/preloader.js" type="text/javascript"></script>
<script src="static/js/bootstrap.min.js" type="text/javascript"></script>
<script src="static/js/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="static/js/jquery.flexslider-min.js" type="text/javascript"></script>
</body>
</html>